export default function(props:any){
    const name=props.className;
    let className='w-svg';
    if(name){
        className+=' '+name;
    }
    let fn=props.onClick;
    let fnClick;
    if(fn){
        fnClick=(e:any)=>{
            fn(e);
        };
    }
    return (
        <span onClick={fnClick} className={className} style={{fontSize:props.fontSize,color:props.color}}>
            <svg viewBox="0 0 1024 1024" width="1em" height="1em" fill="currentColor">
                <path d="M654.6 197.8l-4.2 3.6-313 272c-10.6 9.2-17.2 23-17.2 38.4 0 15.4 6.8 29.2 17.2 38.4L649.8 822l5.2 4.6c5 3.4 11 5.4 17.4 5.4 17.4 0 31.6-14.8 31.6-33.2l0 0L704 225.2l0 0c0-18.4-14.2-33.2-31.6-33.2C665.8 192 659.6 194.2 654.6 197.8z"></path>
            </svg>
        </span>
    )
}